<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>会议报名</title>
    <meta name="viewport" content="width=device-width"/>
    <meta name="description" content="安装通商城拥有种类齐全的建筑安装材料，可以为您提供建筑设备，安装配件、建筑/安装材料等产品的详细参数，厂家资料，价格行情等信息，帮助您快速完成采购任务。">
    <meta name="keywords" content="建筑安装材料,建筑配件,建筑安装设备,建筑材料采购,安装材料价格">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="/res/css/common/baseAzt.css" rel="stylesheet">
    <link href="/res/css/pressconference/topic.css" rel="stylesheet">
   	<script src="/res/js/common/jquery-1.10.2.js" type="text/javascript"></script>
	<script src="/res/js/common/app/jquery.utils.js"></script>
	<script src="/res/js/common/app/app.js"></script>
    <style type="text/css">
	button{
	outline: none;}
	.radiodiv{width: 100%;text-align: center;margin-top: 30px;}
	.seller_login .input li .radiodiv button{
		width: 190px;
		height: 65px;
		font-size: 32px;
		color: white;
		border: 1px solid white;
		background: none; 
		border-radius: 10px;
	}
	.seller_login .input li .radiodiv button.on{
		background-color: #00ceff;
		border-color: #00ceff;
	}
	#submit-btn{
		width: 100%; 
	    height: 90px;
	    background-color: #00ceff;
	    color: white;
	    font-size: 34px;
	    border-radius: 10px;
	}
	.seller_login h6{
	padding-bottom: 15px;}
	.chooseradio{opacity: 0;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
	.on{background-image:url("/images/order/circlehb.png");background-repeat: no-repeat;background-position: -4px -11px;}
	.off{background-image:url("/images/order/circlehb.png");background-repeat: no-repeat;background-position: -30px -11px;}
	.baoming{width: 383px;height: 70px;background-image: url("/images/order/baoming.png");background-repeat: no-repeat;}
</style>
<script type="text/javascript">
		$(document).ready(function(){
			$(".chooseradio").click(function(){
				$(".chooseradio").each(function(){
					if($(this).is(":checked")){
						$(this).parents(".radiospan").removeClass("off").addClass("on");
					}else{
						$(this).parents(".radiospan").removeClass("on").addClass("off");
					}
				})
			})
		})
</script>
</head>
<body style="min-width: 640px;" rlt="1"> 
	<form id="form1" onsubmit="return false;" style="margin-bottom: 0;">
		<input type="hidden" name="meetingId" value="${meeting.id!}"/>
		<input type="hidden" name="weixin.accesstoken" value="">
		<input type="hidden" name="weixin.refreshtoken" value="">
		<input type="hidden" name="weixin.openid" value="">
		<input type="hidden" name="weixin.appid" value="">
		<input type="hidden" name="signtype" value="1">
		<div class="seller_login" id="sellerLogin">
			<div class="title" style="text-align:center; padding: 30px 0;"><img src="/res/images/pressconference/logo1.png" alt=""></div>
		    <ul class="input">
		    	<li style="color: #fff000;font-size: 37px;font-weight: bold;padding-bottom: 20px;">
		    		大平台  新思维  大生态  新销量
		    	</li>
		    	<li style="padding-bottom: 20px;">
		    		<hr style="border: none;border-bottom: 1px solid white;">
		    	</li>
		    	<li style="color: #fff;font-size: 32px;font-family: 微软雅黑;">${meeting.meetingName!}</li>
		        <li><input type="text" name="companyName" class="input" placeholder="公司名称"></li>
		        <li><input type="text" name="realName" class="input" placeholder="您的姓名"></li>
		        <li><input type="number" name="mobile" class="input" placeholder="您的电话"></li>
		        <li class="checkbox" style="padding-bottom: 30px;">
		           <div style="overflow: hidden;text-align: center;font-size: 32px;">是否为安装通会员？</div>
	          	   <div class="radiodiv">
						 <button class="on" type="button">是</button>
						 <div style="display: inline-block;width: 8%;"></div>
						 <button type="button">否</button>
					</div>
					<input type="hidden" name="ifMember" value="1">
		        </li> 
		        <li style="margin-top: 30px;">
		        	<button id="submit-btn" type="button">提交报名</button>
		        </li> 
		    </ul> 
		    <h6>会议时间：${meeting.meettime?string("yyyy年MM月dd日 HH:mm时")}</h6>
		    <h6>会议地点：${meeting.address!}</h6>
		</div>
	</form>
	<script>
		$(document).ready(function() {
			/*是否**/
			$(".radiodiv button").click(function(){
				var jud=$(this).text();
				if(jud=="是"){//选项
					 $("[name='ifMember']").val("1");
				}else{
					 $("[name='ifMember']").val("0");
				}
				$(this).siblings("button").removeClass("on");
				$(this).addClass("on");
			});
			var submitIt = function() {
				var form = $('#form1');
				var data = form.serializeObject();
				if (!data.companyName) {
					alert('请输入公司名称');
					form.find('[name=companyName]').focus();
					return;
				}
				if (!data.realName) {
					alert('请输入您的姓名');
					form.find('[name=realName]').focus();
					return;
				}
				if (!data.mobile) {
					alert('请输入手机号');
					form.find('[name=mobile]').focus();
					return;
				}
				App.api('/conference/signup', data).then(function(ret) {
					alert("报名成功！");
					location.reload();
				});
			};
			$('#submit-btn').click(submitIt);
		});
	</script>

<a data-cltversion="2.4.6" data-cltsource="80016" data-cltuuid="extGLU32SzIvuM8VcHYeWQbjaUjHyDMUpQe8" data-cltats="4" href="javascript:" id="yht-info-explugin" style="display: none;"></a></body>
</html>